<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>11-表单控件</title>
</head>
<body>
<!--
1. input标签 (复杂)
2. select标签
3. textarea标签
 # input标签
1. type属性
    1). text 文本 (默认)
    2). password 密码 (隐藏输入的内容)
    3). radio 单选框
4). checkbox  复选框
5). date 日期
6). file 上传文件
7). submit 提交(此按钮被点击,表单的数据会提交到服务器)
8). reset 重置(恢复初始化)

问题1: radio还不能单选?
问题2: 点击submit,参数提交失败?
        请求地址?name=value&name=value...
2. name属性
    1). 需要提交数据的表单项必须要写
    2). 具有相同name属性的radio互斥,产生单选效果

   问题3: radio/checkbox 默认值为on,无法区分选项

3. value属性
    1). radio/checkbox 必须要设置,以区分选项
    2). 文本型输入框 也设置, 达到默认值效果

4. checked属性
    1). radio/checkbox的默认值设置
    2). 语法  checked = "checked"
       (属性名和值相同的情况,都可以省略)  checked

 5. placeholder 属性
        占位符(提示符)


-->
<!--<h1>登录</h1>-->
<!--//服务器地址-->
<form action="http://www.baidu.com" method="get">
    用户<input type="text" name="username" value="123"><br>
    密码<input type="password" name="password" placeholder="请输入密码"><br>
    性别<input type="radio" name="sex" value="male" checked>男
    <input type="radio" name="sex" value="female" > 女  <br>
    喜好
    <input type="checkbox" name="aa" value="sss">抽烟
    <input type="checkbox" name="bb" value="ddd">喝酒
    <input type="checkbox" name="cc" value="fff">烫头
    <br>
    生日<input type="date" name="birthday"><br>
    头像<input type="file" name="dd"><br>

    <input type="reset" value="初始化">
    <input type="submit" value="注册提交">
</form>

</body>
</html>